/* CSS Document */

.my-photo {
float: left;
height: 66px;
width: 66px;
margin: 10px 0px 0px 10px;
}
.my-account-info {
float: left;
padding-left: 10px;
height: 66px;
}
.my-account-info .ui-tit-m {
color: #666;
font-size: 14px;
font-weight: 700;
margin-top: 10px;
margin-bottom: 12px;
}
.my-account-info .ui-securelevel-max, .ui-securelevel-high, .ui-securelevel-medium, .ui-securelevel-low {
margin: 0px;
overflow: hidden;
}
.my-account-toppart {
border-bottom: 1px dashed #D9D9D9;
padding-bottom: 10px;
}
.ui-securelevel-max-name, .ui-securelevel-high-name span {
color: #5AAB04;
}
.show-infor-app {
display: block;
padding-bottom: 12px;
padding-top: 12px;
}
.show-infor-app span.myapp-icon {
margin: 4px 5px 16px 10px;
width: 24px;
height: 24px;
text-indent: -9999px;
overflow: hidden;
float: left;
display: inline;
margin-bottom: 20px;
}
.show-infor-app-name {
font-weight: 700;
color: #666A72;
}
.show-infor-app-status {
font-size: 12px;
color: gray;
}
/*************** Notifications ***************/
.notice-content{
padding:10px 20px;
}

.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
                }
                

.attention {
                background: #fffbcc url('../images/icons/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('../images/icons/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url('../images/icons/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('../images/icons/cross_circle.png');
                border-color: #df8f8f;
                color: #665252;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }

/*************** Notifications end***************/

/***************user table***************/
.memberCenter table.listTable {
	width: 100%;
	border: 1px solid #e8e8e8;
}

.memberCenter table.listTable th {
color: #656565;
font-size: 12x;
font-weight: 700;
line-height: 30px;
padding-left: 10px;
text-align: left;
border-bottom: 1px solid #F1F1F1;
background-color: #F4F4F4;
}

.memberCenter table.listTable td {
	line-height: 28px;
	padding: 3px 10px;
	text-align: left;
	color: #595959;
	word-break: break-all;
	border-bottom: 1px solid #f1f1f1;
}

.memberCenter table.listTable tr:hover {
	background-color: #ffffd4
}

.memberCenter table.listTable .title {
	width: 70px;
	font-weight: bold;
}

.memberCenter table.inputTable {
	width: 100%;
	border: 1px solid #e8e8e8;
}

.memberCenter table.inputTable th {
	width: 150px;
	line-height: 30px;
	padding-right: 10px;
	text-align: right;
	color: #333333;
	background-color: #fafafa;
}

.memberCenter table.inputTable tr:hover th {
	background-color: #eeeeee;
}

.memberCenter table.inputTable td {
	line-height: 28px;
	padding: 3px 5px;
	text-align: left;
	color: #595959;
}

.memberCenter table.inputTable tr:hover td {
	background-color: #fafafa;
}
